<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<%-- 图片库的模态框 --%>
<div id="pic-list-modal" role="dialog" class="modal fade" data-backdrop="static" data-keyboard="false" aria-hidden="true">
    <div class="modal-dialog" style="width: 930px;">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #F4F5F9;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    <i class="ace-icon iconfont icon-fork"></i>
                </button>

                <h1 class="modal-title font-size-20">选择图片</h1>
            </div>

            <div class="modal-body p-0" style="height: 460px; overflow: hidden;">
                <div class="pic-list">
                    <div class="list-content">
                        <div class="list-header">
                            <form role="form" class="form-inline m-0 p-0">
                                <div class="form-group m-l-10 m-r-10">
                                    <label class="control-label">名称：</label>

                                    <input id="pic-name" class="form-control input-sm" type="text" placeholder="图片名称">
                                </div>

                                <div class="form-group m-r-10">
                                    <label class="control-label">日期：从</label>

                                    <div class="input-group input-group-sm">
                                        <input id="pic-start-date" class="form-control" type="text" readonly="readonly" placeholder="开始日期">

                                        <span id="pic-start-date-close" class="input-group-addon">
											<i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
										</span>
                                    </div>

                                    <label class="control-label">至</label>

                                    <div class="input-group input-group-sm">
                                        <input id="pic-end-date" class="form-control" type="text" readonly="readonly" placeholder="结束日期">

                                        <span id="pic-end-date-close" class="input-group-addon">
											<i class="ace-icon iconfont icon-calendar cursor-default f-s-12"></i>
										</span>
                                    </div>
                                </div>

                                <div class="form-group m-r-10">
                                    <button id="pic-search-btn" class="btn btn-danger btn-xs" type="button">
                                        <i class="ace-icon fa fa-search"></i>搜索
                                    </button>
                                </div>

                                <div class="form-group m-r-10">
                                    <button id="pic-local-upload" class="btn btn-success btn-sm">本地上传</button>
                                </div>
                            </form>
                        </div>

                        <div class="list-body">
                            <input id="pic-pages" type="hidden" value="0">
                            <input id="pic-prev-page" type="hidden" value="0">
                            <input id="pic-curr-page" type="hidden" value="0">
                            <input id="pic-next-page" type="hidden" value="0">

                            <div id="pic-queue" class="pic-queue"></div>

                            <div id="pic-list">
                                <%--
                                <jsp:include page="/WEB-INF/jsp/common/pic-list.jsp" />
                                --%>
                            </div>
                        </div>

                        <div class="list-footer">
                            <div class="pull-right">
                                <form class="form-inline" role="form">
                                    <div class="form-group">
                                        <a id="pic-prev-page-btn" class="btn btn-sm btn-info" title="上一页" href="javascript: void(0);">
                                            <i class="fa fa-chevron-left"></i>
                                        </a>

                                        <a id="pic-pages-info" class="btn btn-sm btn-info" href="javascript:void(0);">0/0</a>

                                        <a id="pic-next-page-btn" class="btn btn-sm btn-info" title="下一页" href="javascript: void(0);">
                                            <i class="fa fa-chevron-right"></i>
                                        </a>

                                        <input id="pic-page-num" class="form-control input-sm" type="text" style="width: 100px;" placeholder="页数">

                                        <a id="pic-page-num-btn" class="btn btn-sm btn-success" href="javascript: void(0);">跳转</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer p-t-10 p-b-10" style="background-color: #F4F5F9;">
                <div class="col-xs-4 center">
                    <label id="pic-choose-info" class="font-size-14">已选0个，可选1个</label>
                </div>

                <div class="col-xs-8 center">
                    <button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">取消</button>

                    <button id="pic-choose-btn" type="button" class="btn btn-sm btn-success">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>